$black:                 #000 !default;
$black-light:           #333 !default;
$black-light1:          #606266 !default;
$black-light2:          #222 !default;
$black-light3:          #555 !default;
$gray:                  #c3c3c3 !default;
$gray-dark:             #292b2c !default;
$gray-light:            #a0a0a0 !default;
$gray-light1:           #666666 !default;
$gray-light2:           #ccc !default;
$gray-light3:           #f3f3f3 !default;
$gray-light4:           #696969 !default;
$gray-light5:           #373737 !default;
$gray-light6:           #969696 !default;
$gray-lighter:          #e3e3e3 !default;
$whitesmoke:            #f5f5f5 !default;
$white:                 #fff !default;
$brand-primary:         #1597ff !default;
$brand-primary-alt:     #6DBDFF !default;
$brand-primary-light:   #e7f4ff !default;
$brand-primary-light1:  #eef5f9 !default;
$brand-primary-lighter: #EEF5F9 !default;
$brand-secondary:       #5a5a5a !default;
$brand-secondary-alt:   #e8e8e8 !default;
$brand-secondary-light: #f9f9f9 !default;
$brand-info:            #4e97f4 !default;
$brand-info-alt:        #41c1fe !default;
$brand-success:         #52C41A !default;
$brand-success-alt:     #9adc46 !default;
$brand-success-light:   #9adc46 !default;
$brand-warning:         #FAAE13 !default;
$brand-warning-alt:     #FF6B2F !default;
$brand-warning-light:   #FEBA1D !default;
$brand-warning-light1:  #F99D4B  !default;
$brand-info-light:      #034da2 !default;
$brand-info-light2:     #677BAF !default;
$brand-first:           #50d166 !default;
$brand-indigo:          #50e3c2 !default;
$brand-second:          #ffb73e !default;
$brand-third:           #f18f1c !default;
$brand-disease:         #f18f1c !default;
$brand-danger:          #F5222D !default;
$brand-danger-light:    #ff1a4d !default;
$brand-danger-lighter:  #fff2e8  !default;
$brand-dangerous:       #f13a30 !default;
$brand-blue-light:      #ecf2fe !default;
$brand-blue-deeper:     #0168FF !default;
$brand-blue-lighter:    #1572E8 !default;
$brand-purple:          #685EBF !default;
$brand-purple-light:    #8f55df !default;
$brand-green:           #15c2c2 !default;
$brand-orange:          #ff5a2d !default;
$body-bg:       #f0f2f5 !default;
$body-color:    $black-light !default;

// Borders
$border-color:        #E0E2E9;
$border-color-dark1:  #595959;
$border-color-dark2:  #bdc8d2;
$border-color-dark3:  #667786;

$border-radius:       2px;
$border-width:        1px;
$border-width-sm:     $border-width;
$border-width-md:     2px;
$border-width-lg:     4px;
$border-width-xl:     6px;

// Sizing
$per-size:            10px;

// Spacing
$spacer:              5px;

// Typography
$border-width: 1px !default;

$font-size-base: 1rem !default;

$font-weight-normal: normal !default;
$font-weight-bold: bold !default;

$small-font-size: 80% !default;

$font-size-h1: 2.5rem !default;
$font-size-h2: 2rem !default;
$font-size-h3: 1.75rem !default;
$font-size-h4: 1.5rem !default;
$font-size-h5: 1.25rem !default;
$font-size-h6: 1rem !default;

$headings-margin-bottom: 0.5rem !default;
$headings-font-family:   inherit !default;
$headings-font-weight:   500 !default;
$headings-line-height:   1.1 !default;
$headings-color:         inherit !default;

$display1-size: 6rem !default;
$display2-size: 5.5rem !default;
$display3-size: 4.5rem !default;
$display4-size: 3.5rem !default;

$display1-weight:     300 !default;
$display2-weight:     300 !default;
$display3-weight:     300 !default;
$display4-weight:     300 !default;
$display-line-height: $headings-line-height !default;

$lead-font-size:   1.25rem !default;
$lead-font-weight: 300 !default;

$blockquote-small-color:  $gray-light2 !default;
$blockquote-font-size:    ($font-size-base * 1.25) !default;
$blockquote-border-color: $gray-lighter !default;
$blockquote-border-width: .25rem !default;

$hr-border-color: rgba($black,.1) !default;
$hr-border-width: $border-width !default;

$mark-padding:  .2em !default;
$mark-bg:       $whitesmoke !default;;

$list-inline-padding: 1rem !default;

// Layouts
$fixed-zindex:        1006;
$header-height:       48px;
$nav-height:          68px;
$subNav-height:       46px;

$z-height-0: none;
$z-height-1: 0 1px 3px 0 rgba(0,0,0,.12);
$z-height-2: 0 3px 8px 0 rgba(0,0,0,.2);
$z-height-3: 0 8px 14px 0 rgba(0,0,0,.38);
$z-height-4: 0 14px 19px 0 rgba(0,0,0,.38);
$z-height-5: 0 20px 24px 0 rgba(0,0,0,.38);

$grid-breakpoints: (
  xxs: 0,
  xs: 480px,
  sm: 768px,
  md: 992px,
  lg: 1200px,
  xl: 1920px
) !default;

// Tables
$table-cell-padding:            6px 10px !default;
$table-sm-cell-padding:         6px 8px !default;

$table-bg:                      transparent !default;
$table-bg-accent:               rgba($black,.05) !default;
$table-bg-hover:                rgba($black,.075) !default;
$table-bg-active:               $table-bg-hover !default;

$table-border-width:            $border-width !default;
$table-border-color:            $border-color !default;

$table-head-bg:                 $gray-lighter !default;
$table-head-color:              $gray !default;

$table-inverse-bg:              $gray-dark !default;
$table-inverse-bg-accent:       rgba($white, .05) !default;
$table-inverse-bg-hover:        rgba($white, .075) !default;
$table-inverse-bg-active:       $table-inverse-bg-hover !default;
$table-inverse-border-color:    lighten($gray-dark, 7.5%) !default;
$table-inverse-color:           $body-bg !default;

// Grid
$grid-columns:              24 !default;
$grid-gutter-width:         30px !default;

